<template>
    <div>
        <h2>News-Content:{{$route.params.id}}</h2>
        <ul>
            <li>
                <a href="/">Home</a>
                
            </li>
        </ul>
    </div>
</template>
<script>
export default {
    // 动态参数校验  系统提供的方法
  validate({params}){
      return /^\d+$/.test(params.id)
  },
  data(){
      return{
          title:this.$route.params.title
      }
  },
//  区别于其它页面 独立设置head 信息
head(){
    return{
        title:this.title,
        // hid 是为了区别于原来的nuxt.config.js 中的hid 如果想覆盖就要写hid:'description',(不推荐hid:'' 写成其它 此时该页面会出现两个含有content的标签
        //   一个页面不应该存在多个content )
        meta:[
            {
                hid:'description',name:'news',content:'this is a new message'
            }
        ]
    }
}
}
</script>
<style>

</style>


